<template>
    <div class="register">
        <div class="content">
            <form class="mui-input-group login-form">
                <div class="mui-input-row">
                    <label>账号</label>
                    <input type="text" class='mui-input-clear mui-input' placeholder="请输入账号">
                </div>
                <div class="mui-input-row">
                    <label>密码</label>
                    <input type="password" class='mui-input-clear mui-input' placeholder="请输入密码">
                </div>
                <div class="mui-input-row">
                    <label>密码确认</label>
                    <input type="password" class='mui-input-clear mui-input' placeholder="请确认密码">
                </div>
                <div class="mui-input-row">
                    <label>邮箱</label>
                    <input type="text" class='mui-input-clear mui-input' placeholder="请输入邮箱">
                </div>
            </form>
            <div class="mui-content-padded">
                <button type="button" class="mui-btn-block mui-btn-primary">注册</button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{}
    }
}
</script>
<style scoped>
    .login-form {
        margin: 30px 0;
        background-color: transparent;
    }
    .mui-input-group .mui-input-row{
        margin-bottom: 10px;
        background-color: #fff;
    }
    .mui-btn-block {
        padding: 10px 0;
    }
</style>